<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>组织架构 - 主页</title>

    <link href='http://fonts.useso.com/css?family=Open+Sans:400,300,400italic,700' rel='stylesheet' type='text/css'>
    <link href="./css/font-awesome.min.css" rel="stylesheet">
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/templatemo-style.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/zTreeStyle/zTreeStyle.css" type="text/css">
    <script src="./js/jquery-1.11.2.min.js"></script>      <!-- jQuery -->
    <script type="text/javascript" src="./js/jquery.ztree.core-3.5.js"></script>
    <script src="./js/bootstrap.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <!-- Left column -->
    <div class="templatemo-flex-row">
      <div class="templatemo-sidebar">
        <header class="templatemo-site-header">
          <div class="square"></div>
          <h1>组织架构</h1>
        </header>

        <!-- Search box -->
        <form class="templatemo-search-form" role="search">
          <div class="input-group">
              <button type="submit" class="fa fa-search"></button>
              <input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term">
          </div>
        </form>
          <div class="templatemo-content">
        <ul id="treeDemo" class="ztree"></ul>
      </div>

      </div>
      <!-- Main content -->
      <div class="templatemo-content col-1 light-gray-bg">
        <div class="templatemo-top-nav-container">
          <div class="row">
            <nav class="templatemo-top-nav col-lg-12 col-md-12">
              <ul class="text-uppercase">
                <li><a href="comhome" class="active">主页</a></li>
                <li><a id="dep" href="#">部门查看</a></li>
                <li><a id="person" href="#">人员查看</a></li>
                <li><a href="logout">退出</a></li>
              </ul>
            </nav>
          </div>
        </div>
        <div class="templatemo-content-container">
        <h3> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;宁波，简称甬，副省级市、计划单列市，有制订地方性法规权限的较大的市，中国大陆综合竞争力前15强城市，长三角五大区域中心之一，长三角南翼经济中心，浙江省经济中心，现代化国际港口城市，国家历史文化名城，连续四次蝉联全国文明城市，中国著名的院士之乡。</h3>
<br/><h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;宁波地处东南沿海，位于中国大陆海岸线中段，长江三角洲南翼，东有舟山群岛为天然屏障，北濒杭州湾，西接绍兴市的嵊州、新昌、上虞，南临三门湾，并与台州的三门、天台相连。宁波人文积淀丰厚，历史文化悠久，属于典型的江南水乡兼海港城市，是中国大运河南端出海口、“海上丝绸之路”东方始发港，其中最具宁波代表性的宁波港被国际港航界权威杂志——英国《集装箱国际》评为“世界五佳港口”。</h3>
<br/>
<div><img src="./images/org.png" /></div>
          <footer class="text-center">
            <p>Copyright &copy; 2015 宁波市政务云计算中心</p>
          </footer>
        </div>
      </div>
    </div>

   
    <script type="text/javascript" src="./js/templatemo-script.js"></script>      <!-- Templatemo Script -->
<script type="text/javascript">

     var setting = {
      data: {
        simpleData: {
          enable: true
        }
      }
    }; 

    /* var zNodes =[
      { id:1, pId:0, name:"公安局", url:"orglist",target:"_self",open:true, iconOpen:"./css/zTreeStyle/img/diy/1_open.png", iconClose:"./css/zTreeStyle/img/diy/1_close.png"},
      { id:11, pId:1, name:"交管局",  url:"orglist",target:"_self",open:true,icon:"./css/zTreeStyle/img/diy/1_open.png", iconClose:"./css/zTreeStyle/img/diy/1_close.png"},
      { id:12, pId:1, name:"交警局",  url:"orglist",target:"_self",open:true,icon:"./css/zTreeStyle/img/diy/1_open.png", iconClose:"./css/zTreeStyle/img/diy/1_close.png"},
      { id:121, pId:12, name:"支队1",  url:"personlist",target:"_self",open:false,icon:"./css/zTreeStyle/img/diy/1_open.png", iconClose:"./css/zTreeStyle/img/diy/1_close.png"},
      { id:122, pId:12, name:"支队2",  url:"personlist",target:"_self",open:false,icon:"./css/zTreeStyle/img/diy/1_open.png", iconClose:"./css/zTreeStyle/img/diy/1_close.png"},
      { id:1211, pId:121, name:"人员1", icon:"./css/zTreeStyle/img/diy/user.png"},
      { id:1212, pId:121, name:"人员2", icon:"./css/zTreeStyle/img/diy/user.png"},
      { id:1221, pId:122, name:"人员1", icon:"./css/zTreeStyle/img/diy/user.png"},
      { id:1222, pId:122, name:"人员2", icon:"./css/zTreeStyle/img/diy/user.png"},
      { id:2, pId:0, name:"工商局",  url:"orglist",target:"_self",open:true, iconOpen:"./css/zTreeStyle/img/diy/1_open.png", iconClose:"./css/zTreeStyle/img/diy/1_close.png"},
      { id:21, pId:2, name:"科室1",  url:"personlist",target:"_self",open:false,icon:"./css/zTreeStyle/img/diy/1_open.png", iconClose:"./css/zTreeStyle/img/diy/1_close.png"},
      { id:22, pId:2, name:"科室2", url:"personlist",target:"_self",open:false,icon:"./css/zTreeStyle/img/diy/1_open.png", iconClose:"./css/zTreeStyle/img/diy/1_close.png"},
      { id:211, pId:21, name:"人员1", icon:"./css/zTreeStyle/img/diy/user.png"},
      { id:212, pId:21, name:"人员2", icon:"./css/zTreeStyle/img/diy/user.png"},
      { id:221, pId:22, name:"人员1", icon:"./css/zTreeStyle/img/diy/user.png"},
      { id:222, pId:22, name:"人员2", icon:"./css/zTreeStyle/img/diy/user.png"},
      { id:3, pId:0, name:"司法局",  url:"orglist",target:"_self",open:true, iconOpen:"./css/zTreeStyle/img/diy/1_open.png", iconClose:"./css/zTreeStyle/img/diy/1_close.png"},
      { id:31, pId:3, name:"科室1", url:"personlist",target:"_self",open:false,icon:"./css/zTreeStyle/img/diy/1_open.png", iconClose:"./css/zTreeStyle/img/diy/1_close.png"},
      { id:32, pId:3, name:"科室2",url:"personlist",target:"_self",open:false, icon:"./css/zTreeStyle/img/diy/1_open.png", iconClose:"./css/zTreeStyle/img/diy/1_close.png"},
      { id:311, pId:31, name:"人员1", icon:"./css/zTreeStyle/img/diy/user.png"},
      { id:312, pId:31, name:"人员2", icon:"./css/zTreeStyle/img/diy/user.png"},
      { id:321, pId:32, name:"人员1", icon:"./css/zTreeStyle/img/diy/user.png"},
      { id:322, pId:32, name:"人员2", icon:"./css/zTreeStyle/img/diy/user.png"},
    ]; */

    $(document).ready(function(){
       // alert("1");
    	  $.ajax(
 	    	    {url:"listindexorgtree", 
 	        	 dataType:"json",
 	        	 contentType: "application/x-www-form-urlencoded; charset=utf-8", 
 	        	 type:"POST",
 				success:function (data) {
 					$.fn.zTree.init($("#treeDemo"), setting, data);
 	        		   
 	    },
 	    error:function(){alert("出错啦！");}});
    }); 
    $("#dep").click(function(){  
    	location.href = "comorglist?"+Math.random();
     });
    $("#person").click(function(){  
    	location.href = "compersonlist?"+Math.random();
     });
    
   </script>
  </body>
</html>
